import Vue from 'vue'
import VueRouter from 'vue-router';
//
import LoginView from "@/views/LoginView";
import PetOwnerIndex from "@/views/PetOwnerIndex";
import PetStoreIndex from "@/views/PetStoreIndex";
import ShowPet from "@/views/ShowPet";
import ShowOwner from "@/views/ShowOwner";
import SellStore from "@/views/SellStore";
import SellPet from "@/views/SellPet";




Vue.use(VueRouter)

export default new VueRouter({
  routes: [
    {
      path: '/',
      name: 'l',
      component: LoginView
    },
    {
      path: '/o',
      name: 'PetOwnerIndex',
      component: PetOwnerIndex,
      children:[{
            path: 'p',
            name: 'ShowPet',
            component: ShowPet,
          },{
            path: 'm',
            name: 'ShowOwner',
            component: ShowOwner,
          },
        ]
    }
    ,
    {
      path: '/s',
      name: 'PetStoreIndex',
      component: PetStoreIndex,
      children:[{
        path: 'a',
        name: 'SellStore',
        component: SellStore,
      },{
        path: 'z',
        name: 'SellPet',
        component:SellPet,
      },
      ]
    },

  ]
})